<div data-bind="application-login" class="wrapper" style="background-color: white;">
    <div class="login-top">
    	<div style="width:100%;height:60px;background-color: #fff;padding-top:5px;">
    		<div class="login-top-title">
    		</div>
    	</div>
        <div class="login-topBg">
            <div class="login-form" id="loginStyle" style="margin-top: 15px;">
                <h3 data-bind="text:loginInfomation" style="text-align:center;"></h3>
                <div class="errorinfo-container" style="display:none;height:20px;" data-bind="text:invalidPassword"></div>
                <div class="ui-form-item loginUsername">
                    <input type="username" id="userName" style="border-radius:3px;padding-left:40px;"
                           data-bind="value:userName,event:{keypress:unKeyPressHandler},valueUpdate:'afterkeydown'"
                           placeholder="用户名" class="login-username">
                </div>
                <div class="ui-form-item loginPassword">
                    <input type="password" id="password" style="border-radius:3px;padding-left:40px;"
                           data-bind="value:password,event:{keypress:pwKeyPressHandler},valueUpdate:'afterkeydown'"
                           placeholder="请输入密码" class="login-password">
                </div>
                <div class="ui-form-item" style="height:10px;">
                	<div style="float:left;color:#fff;">
                		<input type="checkbox" style="float:left;margin-top:3px;"/>
                		<div style="float:left;color:#fff;margin-left:3px;"><span>记住密码</span></div>
                	</div>
                	<div style="float:right;color:#fff;">
                		忘记密码？
                	</div>
                </div>
                <div class="ui-form-item" style="float: right">
                    <button id="login-btn" style="margin-right: 0;width:320px;height:40px;background-color:#006cff;border-radius:0px;" class="btn btn-primary"
                            data-loading-text="正在登陆..."
                            type="button" data-bind="text:loginBtn">
                    </button>
                </div>
            </div>
        </div>
        <div class="loginCen" style="display:none;">
            <div class="login-center">
                <div class="loginCenter-moudle">
                    <div class="loginCenter-moudleLeft" style="margin-right: 60px;"> &nbsp;</div>
                    <div class="loginCenter-moudleRight" style="  width: 1067px;">
                        <a class="loginCenter-mStyle loginCenter-moudle1" id="moudleRemove"
                           style=" display:block;width: 340px;">
                            <span class="moudle-img">
                                <img data-bind="attr:{src:img1}"/>
                            </span>
                            <span class="moudle-text">
                                <span class="moudle-text1" style="font-family:'微软雅黑'">同步办公</span>
                                <span class="moudle-text2" style="font-family:'微软雅黑'">Synchronous Office</span>
                            </span>
                        </a>
                        <a class="loginCenter-mStyle loginCenter-moudle2" style=" display:block; width: 357px;"
                           id="moudleRemove2">
                            <span class="moudle-img">
                                 <img data-bind="attr:{src:img2}"/>
                            </span>
                            <span class="moudle-text">
                                <span class="moudle-text1" style="font-family:'微软雅黑'"> 数据查询</span>
                                <span class="moudle-text2"
                                      style="font-family:'微软雅黑'">Data Query</span>
                            </span>

                        </a>
                        <a class="loginCenter-mStyle loginCenter-moudle3" style=" display:block;" id="moudleRemove3">
                            <span class="moudle-img">
                                <img data-bind="attr:{src:img3}"/>
                            </span>
                            <span class="moudle-text">
                                <span class="moudle-text1" style="font-family:'微软雅黑'"> 数据同步</span>
                                <span class="moudle-text2" style="font-family:'微软雅黑'">Data Synchronization</span>
                            </span>

                        </a>

                    </div>
                </div>
            </div>
        </div>
        <div class="footer"><span class="footerText" data-bind="text:systemDevTeam"></span></div>
    </div>
</div>
